<%@ page import="DTO.LocaldataDTO" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人信息</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    <style >
        input::-webkit-input-placeholder {
            color: black;
        }
    </style>
</head>
<body>
<jsp:useBean id="user" class="DTO.LocaldataDTO"/>
<%
    LocaldataDTO localdataDTO=(LocaldataDTO)session.getAttribute("localdataDTO");
%>
<jsp:setProperty name="user" property="userid" value="<%=localdataDTO.getUserid() %>"/>
<jsp:setProperty name="user" property="password" value="<%=localdataDTO.getPassword()%>"/>
<jsp:setProperty name="user" property="localname" value="<%=localdataDTO.getLocalname() %>"/>
<jsp:setProperty name="user" property="phone" value="<%=localdataDTO.getPhone() %>"/>
<jsp:setProperty name="user" property="dgutid" value="<%=localdataDTO.getDgutid()%>"/>
<jsp:setProperty name="user" property="imageurl" value="<%=localdataDTO.getImageurl()%>"/>
<div class="htmleaf-container">
    <div class="wrapper">
        <div class="container">
            <div class="Content-Main" style="margin-top: -90px">
                <h1 style="text-align: center;">个人信息</h1>
                <div style="padding-top: 0px;padding-bottom: 0px;height: 60px;width: 600px">
                    <form  action="" method="post" >
                        <div style="float: left;margin-left: 10px"> <input type="button" value="登出" class="button"
                                                                           onclick="s1()"></div>
                        <div style="float: left;margin-left: 65px"> <input type="button" value="编辑" class="button"
                                                                           onclick="s2()"></div>
                        <div style="float: left;margin-left:65px"><input type="button" value="改密" class="button"
                                                                         onclick="s3()"></div>
                        <div style="float: right;margin-right:10px"> <input type="button" value="换头" class="button"
                                                                            onclick="s4()"></div>
                    </form>
                </div>
                <div style="float: left;padding-top: 20px"><img src="${user.imageurl}" style="width: 200px;height: 200px;border-radius:200px"></div>
                <div style="float:right;margin-top: 30px">
                    <label>
                        <span>userid:</span>&nbsp;&nbsp;
                        <input type="text"  name="userid" placeholder=${user.userid} disabled="disabled" >
                    </label>
                    <label>
                        <span>localname:</span>&nbsp;&nbsp;
                        <input type="text"  name="localname" placeholder=${user.localname} disabled="disabled">
                    </label>
                    <label>
                        <span>phone:</span>&nbsp;&nbsp;
                        <input type="text"  name="phone" placeholder=${user.phone} disabled="disabled">
                    </label>
                    <label>
                        <span>dgutid:</span>&nbsp;&nbsp;
                        <input type="text"  name="dgutid" placeholder=${user.dgutid} disabled="disabled">
                    </label>
                </div>
            </div>
        </div>
        <ul class="bg-bubbles">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>
<script>
    $('#login-button').click(function (event) {
        event.preventDefault();
        $('form').fadeOut(500);
        $('.wrapper').addClass('form-success');
    });
</script>
<script>
    function s1(){
        var form=document.forms[0];
        form.action="/login/dgout";
        form.submit();
    }
</script>
<script>
    function s2(){
        var form=document.forms[0];
        form.action="Dgrev.jsp";
        form.submit();
    }
</script>
<script>
    function s3(){
        var form=document.forms[0];
        form.action="Dgrep.jsp";
        form.submit();
    }
</script>
<script>
    function s4(){
        var form=document.forms[0];
        form.action="Dgrei.jsp";
        form.submit();
    }
</script>
</body>
</html>

